<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:cote="http://java.sun.com/jsf/composite/componentes">


    <ui:composition template="/plantillas/plantillaPrincipal.xhtml">

        <ui:define name="contenido">

            <h:form id="formulario">
                <p:panel header="Ver Orden de Servicio" style="width:100%;">
                    <p:tabView id="tabFormulario">

                        <p:tab id="tab1" title="Datos de Orden" >

                            <p:panelGrid style="width:800px;margin:0 auto;text-transform: none !important;" id="verOrdenCompra"> 
                                <p:row>
                                    <p:column colspan="4" styleClass="pocoPadding">
                                        <cote:componenteCabecera documento="ORDEN DE #{BKOrdenServicio.ordenServicioFormulario.servicio}" 
                                                                 codigo="#{BKOrdenServicio.ordenServicioFormulario.codigo}"/>
                                    </p:column>
                                </p:row>

                                <p:row>
                                    <p:column style="width: 100px" styleClass="pocoPadding">
                                        <h:outputLabel value="FECHA DE EMISIÓN:" class="negrita print1" />
                                    </p:column>
                                    <p:column style="width: 350px" styleClass="pocoPadding">
                                        <h:outputText  value="#{BKOrdenServicio.ordenServicioFormulario.fechaEmision}" class="print1"  > 
                                            <f:convertDateTime pattern="dd/MM/yyyy" />
                                        </h:outputText>
                                    </p:column>
                                    <p:column style="width: 100px;border: 1px solid #000000;border-right-width: 0px;"
                                              styleClass="pocoPadding">
                                        <h:outputLabel value="OP:" class="negrita print1" />
                                    </p:column>
                                    <p:column style="border: 1px solid #000000;border-left-width: 0px;"
                                              styleClass="pocoPadding">
                                        <h:outputText  value="#{BKOrdenServicio.ordenServicioFormulario.idOrdenPedido.codigoOrdenPedido}" class="print1" />
                                    </p:column>
                                </p:row>

                                <p:row>
                                    <p:column styleClass="pocoPadding">
                                        <h:outputLabel value="PROVEEDOR:" class="negrita print1" />
                                    </p:column>
                                    <p:column styleClass="pocoPadding">
                                        <h:outputText  value="#{BKOrdenServicio.ordenServicioFormulario.idProveedor.razonSocial}" class="print1"  />
                                    </p:column>
                                    <p:column styleClass="pocoPadding">
                                        <h:outputLabel value="EMITIDO POR:" class="negrita print1" />
                                    </p:column>
                                    <p:column styleClass="pocoPadding">
                                        <h:outputText  value="#{BKOrdenServicio.ordenServicioFormulario.usrEmision}" class="print1" />
                                    </p:column>

                                </p:row>

                                <p:row>
                                    <p:column styleClass="pocoPadding">
                                        <h:outputLabel value="RUC: " class="negrita print1" />
                                    </p:column>
                                    <p:column styleClass="pocoPadding">
                                        <h:outputText  value="#{BKOrdenServicio.ordenServicioFormulario.idProveedor.ruc}" class="print1" />
                                    </p:column>
                                    <p:column styleClass="pocoPadding">
                                        <h:outputLabel value="ATENCION: " class="negrita print1" />
                                    </p:column>
                                    <p:column styleClass="pocoPadding">
                                        <h:outputText  value="#{BKOrdenServicio.ordenServicioFormulario.contacto}" class="print1" />
                                    </p:column>


                                </p:row>
                                <p:row>
                                    <p:column styleClass="pocoPadding">
                                        <h:outputLabel value="DIRECCION: " class="negrita print1" />
                                    </p:column>
                                    <p:column styleClass="pocoPadding">
                                        <h:outputText  value="#{BKOrdenServicio.ordenServicioFormulario.direccion}" class="print1" />
                                    </p:column>
                                    <p:column styleClass="pocoPadding">
                                        <h:outputLabel value="FORMA DE PAGO: " class="negrita print1"/>
                                    </p:column>
                                    <p:column styleClass="pocoPadding">
                                        <h:outputText value="#{BKOrdenServicio.ordenServicioFormulario.tipoPago} " class="print1"/>
                                        <h:outputText value="#{BKOrdenServicio.ordenServicioFormulario.diasPago} DIAS " class="print1" rendered="#{BKOrdenServicio.diasPago}" />
                                        <h:outputText value="(#{BKOrdenServicio.ordenServicioFormulario.diasLibres} DIAS LIBRES)" class="print1" rendered="#{BKOrdenServicio.diasLibre}"/>
                                        <h:outputText value=" #{BKOrdenServicio.ordenServicioFormulario.detallePago}" class="print1" rendered="#{BKOrdenServicio.detallePago}"/>
                                    </p:column>

                                </p:row>
                                <p:row>
                                    <p:column styleClass="pocoPadding">
                                        <h:outputLabel value="TELEFONO: " class="negrita print1" />
                                    </p:column>
                                    <p:column styleClass="pocoPadding">
                                        <h:outputText  value="#{BKOrdenServicio.ordenServicioFormulario.telefono}" class="print1" />
                                    </p:column>

                                    <p:column styleClass="pocoPadding">
                                        <h:outputLabel  value="MONEDA: " class="negrita print1" />
                                    </p:column>
                                    <p:column styleClass="pocoPadding">
                                        <h:outputText value="#{BKOrdenServicio.ordenServicioFormulario.idTipoMoneda.nombre}" class="print1"/>
                                    </p:column>

                                </p:row>
                                <p:row>
                                    <p:column styleClass="pocoPadding" style="padding-bottom: 10px !important">
                                        <h:outputLabel value="FECHA DE ENTREGA: " class="negrita print1"/>
                                    </p:column>
                                    <p:column styleClass="pocoPadding" style="padding-bottom: 10px !important">
                                        <h:outputText value="#{BKOrdenServicio.ordenServicioFormulario.plazoEntrega}" class="print1">
                                            <f:convertDateTime pattern="dd/MM/yyyy" />
                                        </h:outputText>
                                    </p:column>
                                    <p:column styleClass="pocoPadding" style="padding-bottom: 10px !important">
                                        <h:outputLabel value="LUGAR DE ENTREGA: " class="negrita print1" />
                                    </p:column>
                                    <p:column styleClass="pocoPadding" style="padding-bottom: 10px !important">
                                        <h:outputText value="#{BKOrdenServicio.ordenServicioFormulario.lugarEntrega}" class="print1"/>
                                    </p:column>

                                </p:row>

                                <p:row>
                                    <p:column colspan="4" styleClass="pocoPadding">

                                        <p:panelGrid style="width:100%;margin: 1px auto;">
                                            <p:row>
                                                <p:column colspan="4" style="border: 1px #000000 solid;padding: 0">
                                                    <p:dataTable id="dataTablaDetalleOrden" var="detalle" widgetVar="carsTable"  
                                                                 value="#{BKOrdenServicio.listaDetalleOrdenCompraServicio}"  rowIndexVar="rowIndex"
                                                                 styleClass="dataTabble-print"
                                                                 rowStyleClass="rowStyleOrdenCS" style="height: 376px;" 
                                                                 > 

                                                        <p:column id="idColumnaNum" headerText="ITEM" style="width: auto" > 
                                                            <h:outputText value="#{rowIndex+1}"  /> 
                                                        </p:column>

                                                        <p:column style="width: auto" > 
                                                            <h:graphicImage rendered="#{detalle.imagen ne null}" value="/ordenCS/#{detalle.imagen}" style="height: 40px;width: auto" />
                                                        </p:column>

                                                        <p:column id="idDescripcion"
                                                                  headerText="DESCRIPCION" > 
                                                            <h:outputText value="#{detalle.idArticulo.nombreComercial}" />
                                                        </p:column>

                                                        <p:column id="idObs" style="width: 90px"
                                                                  headerText="OBS" styleClass="print1" > 
                                                            <h:outputText value="#{detalle.observacion}" escape="false" rendered="#{detalle.observacion ne null and detalle.observacion ne ''}" style="font-size: 6px"/> 
                                                        </p:column>

                                                        <p:column id="idUnidadMedida"
                                                                  headerText="UM"  style="width: 40px;border-left: 1px solid #000 !important;text-align: center"> 
                                                            <h:outputText value="#{detalle.unidadMedidaForm}" /> 
                                                        </p:column>

                                                        <p:column id="idCantidad" style="width: 60px;border-left: 1px solid #000 !important;"
                                                                  headerText="CANT." > 
                                                            <h:outputText value="#{detalle.cantidadForm}" style="float: right" >
                                                                <f:convertNumber locale="en-US" maxFractionDigits="2" minFractionDigits="2" />
                                                            </h:outputText> 
                                                        </p:column>

                                                        <p:column id="idPrecio" style="width: 60px;border-left: 1px solid #000 !important;"
                                                                  headerText="P. UNIT."  
                                                                  filterMatchMode="contains" > 
                                                            <h:outputText value="#{detalle.precioForm}" style="float: right">
                                                                <f:convertNumber locale="en-US" maxFractionDigits="2" minFractionDigits="2" />
                                                            </h:outputText> 
                                                        </p:column>

                                                        <p:column id="idSubTotal" style="width: 70px;border-left: 1px solid #000 !important;"
                                                                  headerText="TOTAL" filterMatchMode="contains"> 
                                                            <h:outputText value="#{detalle.subTotal}" style="float: right">
                                                                <f:convertNumber locale="en-US" maxFractionDigits="2" minFractionDigits="2" />
                                                            </h:outputText>
                                                        </p:column>

                                                    </p:dataTable>
                                                </p:column>
                                            </p:row>
                                            <p:row>
                                                <p:column style="padding: 0;width: 110px" >
                                                    <h:outputLabel value="CANT. TOTAL: " class="negrita print1" />
                                                </p:column>
                                                <p:column>
                                                    <h:outputText value="#{BKOrdenServicio.ordenServicioFormulario.cantidadTotal}" class="print1" >
                                                        <f:convertNumber locale="en-US" maxFractionDigits="2" minFractionDigits="2" />
                                                    </h:outputText>
                                                    <h:outputText value=" #{BKOrdenServicio.ordenServicioFormulario.unidad}" class="print1" />
                                                </p:column>

                                                <p:column style="width: 60px;" styleClass="pocoPadding">
                                                    <h:outputLabel value="VALOR VTA" class="negrita print1" />
                                                </p:column>
                                                <p:column style="border: 1px solid #000000;width: 50px;"> 
                                                    <h:outputText value="#{BKOrdenServicio.ordenServicioFormulario.subtotal}" class="print1" style="float: right">
                                                        <f:convertNumber locale="en-US" maxFractionDigits="2" minFractionDigits="2" />
                                                    </h:outputText>
                                                </p:column>
                                            </p:row>
                                            <p:row>
                                                <p:column style="padding: 0;width:100px;">
                                                    <h:outputLabel value="OBSERVACIONES: " class="negrita print1" />
                                                </p:column>

                                                <p:column rowspan="2" style="padding: 0;"  >
                                                    <div style="min-height: 42px">
                                                        <h:outputText  value="#{BKOrdenServicio.ordenServicioFormulario.observacion}" class="print1" escape="false" />
                                                    </div>
                                                </p:column>

                                                <p:column styleClass="pocoPadding">
                                                    <h:outputLabel value="IGV (18%)" class="negrita print1" />
                                                </p:column>
                                                <p:column style="border: 1px solid #000000">
                                                    <h:outputText value="#{BKOrdenServicio.ordenServicioFormulario.igv}" class="print1" style="float: right">
                                                        <f:convertNumber locale="en-US" maxFractionDigits="2" minFractionDigits="2" />
                                                    </h:outputText>
                                                </p:column>
                                            </p:row>
                                            <p:row>
                                                <p:column >
                                                    <h:outputLabel value=" " class="negrita print1"  />
                                                </p:column>
                                                <p:column styleClass="pocoPadding">
                                                    <h:outputLabel value="TOTAL GRAL" class="negrita print1"/>
                                                </p:column>
                                                <p:column style="border: 1px solid #000000;width: ">
                                                    <h:outputText value="#{BKOrdenServicio.ordenServicioFormulario.total}" class="print1" style="float: right">
                                                        <f:convertNumber locale="en-US" maxFractionDigits="2" minFractionDigits="2" />
                                                    </h:outputText>
                                                </p:column>
                                            </p:row>

                                        </p:panelGrid>

                                    </p:column>


                                </p:row>
                                <p:row>
                                    <p:column style="border-bottom: 1px solid #000000" styleClass="pocoPadding">
                                        <h:outputLabel  value="IMPORTE TOTAL: " class="negrita print1"/>
                                    </p:column>
                                    <p:column colspan="3" style="border-bottom: 1px solid #000000" styleClass="pocoPadding">
                                        <h:outputText value="#{BKOrdenServicio.ordenServicioFormulario.expresionTotal}" class="print1" />
                                    </p:column>
                                </p:row>

                                <p:row>
                                    <p:column colspan="4" styleClass="pocoPadding">
                                        <h:outputLabel  value="INSTRUCCIONES" style="text-decoration: underline" class="negrita print1" />
                                    </p:column>
                                </p:row>

                                <p:row>
                                    <p:column colspan="4" style="border-bottom: 1px solid #000000" styleClass="pocoPadding">
                                        <p style="height: 8px;margin: 0" >
                                        <p:inplace editor="true" style="font-size: 6px">  
                                            <p:inputText value="1. POR FAVOR CONSIGNAR DATOS DE NUMERO DE ORDEN DE SERVICIO Y NUMERO DE LOTE EN SUS GUÍAS DE REMISIÓN Y FACTURAS." 
                                                         label="text" style="width: 100%"/>  
                                        </p:inplace>
                                        </p>
                                        <p style="height: 8px;margin: 0" >
                                        <p:inplace editor="true" style="font-size: 6px" >  
                                            <p:inputText value="2. LAS GUÍAS DE REMISIÓN Y FACTURAS SOLO DEBEN EMITIRSE POR UNA ORDEN DE SERVICIO." 
                                                         label="text" style="width: 100%"/>  
                                        </p:inplace>
                                        </p>
                                        <p style="height: 8px;margin: 0" >
                                        <p:inplace editor="true" style="font-size: 6px" >  
                                            <p:inputText value="3. RESPETAR EL LARGO DE MALLA." 
                                                         label="text" style="width: 100%"/>  
                                        </p:inplace>
                                        </p>
                                        <p style="height: 8px;margin: 0" >
                                        <p:inplace editor="true" style="font-size: 6px" >  
                                            <p:inputText value="4. NO SE ACEPTARA RAYAS DE AGUJAS, MANCHAS DE ACEITE, MOTAS O CONTAMINACION." 
                                                         label="text" style="width: 100%"/>  
                                        </p:inplace>
                                        </p>
                                        <p style="height: 8px;margin: 0" >
                                        <p:inplace editor="true" style="font-size: 6px" >  
                                            <p:inputText value="5. ROTULAR EN LOS ROLLOS DE TELAS ESPECIFICACIONES TÉCNICAS." 
                                                         label="text" style="width: 100%"/>  
                                        </p:inplace>
                                        </p>
                                        <p style="height: 8px;margin: 0" >
                                        <p:inplace editor="true" style="font-size: 6px" >  
                                            <p:inputText value="6. DEVOLVER EL HILADO SOBRANTE AL TERMINO DEL SERVICIO." 
                                                         label="text" style="width: 100%"/>  
                                        </p:inplace>
                                        </p>
                                        <p style="height: 8px;margin: 0" >
                                        <p:inplace editor="true" style="font-size: 6px" >  
                                            <p:inputText value="&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" label="text" style="width: 100%"/>  
                                        </p:inplace>
                                        </p>
                                        <p style="height: 8px;margin: 0" >
                                        <p:inplace editor="true" style="font-size: 6px" >  
                                            <p:inputText value="&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" label="text" style="width: 100%"/>  
                                        </p:inplace> 
                                        </p>
                                    </p:column>
                                </p:row>

                            </p:panelGrid>

                            <p:panelGrid style="width:15%;margin: 10px auto;">

                                <p:row >
                                    <p:column>
                                        <p:commandButton  value="Imprimir" type="button" icon="ui-icon-print">  
                                            <p:printer target="verOrdenCompra"  />    
                                        </p:commandButton >
                                    </p:column>
                                </p:row>	

                            </p:panelGrid>
                        </p:tab>
                        <p:tab id="tab2" title="Partidas" disabled="#{BKOrdenServicio.ordenServicioFormulario.crearPartidas eq 0}">
                            <p:panelGrid style="width:700px;margin: 10px auto;" id="panelVerPartida">

                                <p:row>
                                    <p:column colspan="4">
                                        <h:graphicImage value="/logo/#{BKSession.empresa.logo}" style="width: 200px;height: auto"  /><br />
                                    </p:column>
                                </p:row>

                                <p:row>
                                    <p:column colspan="4" style="text-align: center">
                                        <p:panelGrid columns="2" style="margin: 0 auto" >
                                            <h:outputLabel value="ORDEN DE #{BKOrdenServicio.ordenServicioFormulario.servicio}: " class="negrita" style="font-size: 12px" />  
                                            <h:outputText value="#{BKOrdenServicio.ordenServicioFormulario.codigo}" style="font-size: 15px"/>  

                                        </p:panelGrid>
                                        <br />
                                    </p:column>
                                </p:row>

                                <p:row>
                                    <p:column colspan="2">
                                        <div class="datalist-noborder">
                                            <p:dataList value="#{BKOrdenServicio.listaDetalleOrdenCompraServicio}" 
                                                        var="det" type="definition" style="border: none !important;">  
                                                <b class="print1" >ARTICULO : </b><h:outputText value="#{det.idArticulo.nombreComercial}" class="print1"/>
                                                <br /><br />
                                                <p:dataTable id="dataTablaPartidas" var="partida" 
                                                             value="#{det.partidaDespachoCollection}" styleClass="dataTabble-print11"
                                                             emptyMessage="No hay Partidas registradas para este Articulo" rowIndexVar="rowIndex" > 
                                                    <p:column id="idColumnaNum" headerText="" style="width: 5%" styleClass="print1" 
                                                              rendered="#{MBPartidaDespacho.isRenderedColumn(partida.estadoRegistro)}"> 
                                                        <h:outputText value="#{rowIndex+1}" class="print1"  /> 
                                                    </p:column>

                                                    <p:column id="idColumnaDetalle" styleClass="print1"
                                                              headerText="Partida" rendered="#{MBPartidaDespacho.isRenderedColumn(partida.estadoRegistro)}" > 
                                                        <f:facet name="header">  
                                                            Partida
                                                        </f:facet>  
                                                        <h:outputText value="#{partida.detalle}" class="print1"  /> 
                                                    </p:column>

                                                    <p:column id="idColumnaCantidad" styleClass="print1"
                                                              headerText="Cantidad" rendered="#{MBPartidaDespacho.isRenderedColumn(partida.estadoRegistro)}" > 
                                                        <f:facet name="header">  
                                                            Cantidad  
                                                        </f:facet>  
                                                        <h:outputText value="#{partida.cantidad}" class="print1" style="float: right">
                                                            <f:convertNumber locale="en-US" maxFractionDigits="2" minFractionDigits="2" />
                                                        </h:outputText> 
                                                        <f:facet name="footer">  
                                                            <h:outputText value="#{det.cantidad}" class="print1" style="float: right">
                                                                <f:convertNumber locale="en-US" maxFractionDigits="2" minFractionDigits="2" />
                                                            </h:outputText> 

                                                        </f:facet> 

                                                    </p:column>


                                                </p:dataTable>	

                                                <br />
                                                <br />

                                            </p:dataList>  

                                        </div>

                                    </p:column>

                                </p:row>


                            </p:panelGrid> 
                            <p:panelGrid style="width:15%;margin: 10px auto;">

                                <p:row >
                                    <p:column>
                                        <p:commandButton  value="Imprimir" type="button" icon="ui-icon-print" rendered="#{BKOrdenServicio.ordenServicioFormulario.estadoOrden eq 'B'?false:true}">  
                                            <p:printer target="panelVerPartida"  />    
                                        </p:commandButton >
                                    </p:column>
                                    <p:column>
                                        <p:commandButton action="#{MBOrdenServicio.reportePartida()}" ajax="false" value="Generar Excel"/>
                                    </p:column>
                                </p:row>	

                            </p:panelGrid>
                        </p:tab>
                    </p:tabView>
                    <p:panelGrid style="width:15%;margin: 10px auto;">

                        <p:row >
                            <p:column>
                                <p:commandButton action="#{MBOrdenServicio.cancelar()}" ajax="false" immediate="true" value="Volver"/>
                            </p:column>
                        </p:row>	

                    </p:panelGrid>
                </p:panel>	


            </h:form>
            <script type="text/javascript">
                var node = document.getElementById('formulario:tabFormulario:dataTablaDetalleOrden');
                var newNode = document.createElement('div');
                    
                var resta = parseInt(376-#{BKOrdenServicio.listaDetalleOrdenCompraServicio.size()}*15-16);
                        
                newNode.style.cssText = 'width:70px;height:'+resta+'px;position:relative;border-left: 1px solid #000;float:right;clear: both;overflow:auto';
                node.appendChild(newNode);
            </script>

        </ui:define>

    </ui:composition>
</html>